<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H5新增标签</title>
</head>

<body>
    <!-- 
    HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定
    在HTML5出现前，我们一般采用DIV+CSS布局我们的页面。但是这样的布局方式
    不仅使我们的文档结构不够清晰，而且不利于搜索引擎爬虫对我们页面的爬取。
    为解决上述缺点，HTML5新增了很多新的语义化标签

    div容器元素，也是页面中见到的最多的元素
    -->
    <h1>标题</h1>
    <a href="#">超链接</a>
    <strong>文本</strong>
    <p>段落</p>
    <ul>
        <li>无序列表</li>
    </ul>
    <ol>
        <li>有序列表</li>
    </ol>

    <!-- HTML -->
    <div id="header"></div>
    <div id="nav"></div>
    <div id="article">
        <div id="section"></div>
    </div>
    <div id="aside"></div>
    <div id="footer"></div>

    <!-- HTML5 -->
    <!-- 头部 -->
    <header>123</header>
    <!-- 导航 -->
    <nav></nav>
    <!-- 代表一个独立的，完整的相关内容块 -->
    <article>
        <!-- 定义文档中的节，比如章节、页眉、页脚 -->
        <section></section>
    </article>
    <!-- 侧边栏 -->
    <aside></aside>
    <!-- 底部 -->
    <footer></footer>
</body>

</html>